<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<base href="<%=basePath%>">
		
		<script type='text/javascript' src='/sjzl/dwr/interface/CheckRegister.js'></script>
		<script type='text/javascript' src='/sjzl/dwr/engine.js'></script>
		<script type='text/javascript' src='/sjzl/js/util.js'></script>
		<script type="text/javascript" src="/sjzl/js/register.js"></script>
		<link type="text/css" rel="stylesheet" href="css/register.css" />
		<title>注册会员</title>

	</head>

	<body>

		<div class="register_div">
			<h1>
				注册会员
				<font style="font-size: 18px;">REGISTER MEMBER</font>
			</h1>
			<div class="account_info_div">
				<div
					style="width: 100%; height: 20px; border-bottom: 1px solid; background-color: black;">
					<strong style="color: white;">账户信息</strong>
				</div>
				<div>
					<center>
						    
							<s:form action="user_register">
							<p></p>
							<table>
							 <caption>以下内容必填</caption>
							 <tr></tr>
							 <tr></tr>
								<tr>
									<td width="100px">
										<strong>用户名：</strong>
									</td>
									<td class="register_tabel_td2">
										<s:textfield name="user.account" size="40"
											onclick="demoReply_display()" onblur="return check()" />
									</td>
									<td width="240px" colspan="3">
										<span id="name1" style="float: left;"></span>
										<span id="demoReply" style="float: left;"></span>
										
									</td>
								</tr>
								<tr>
									<td></td>
									<td class="register_tabel_td2" colspan="4">
										<font class="font" >(5-20位字母、数字或下划线组合，首字符必须为字母)</font>
									</td>
								</tr>
								
								<tr>
									<td>
										<strong>密码：</strong>
									</td>
									<td class="register_tabel_td2" >
										<s:password name="user.password" size="40"
											onclick="return check()" onkeyup="return password()"/>

										</td>
										<td colspan="3">
										<span style="float: left;">&nbsp;&nbsp;</span>
										<table  bgcolor="#FFFFFF">
										<tr id="passwordStyle">	
										<td width="160px">
										<span id="demoReply1"></span>
										</td><td width="30px" id="demoReply1-1-1" style="text-align:center">
										<span id="demoReply1-1"></span>
										</td><td width="30px" id="demoReply1-2-1" align="center" style="text-align:center">
										<span id="demoReply1-2"></span>
										</td><td width="30px" id="demoReply1-3-1" align="center" style="text-align:center">
										<span id="demoReply1-3"></span>
										</td>
										</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td></td>
									<td colspan="4">
										<font class="font">(为了您的帐户安全，建议您的密码使用字符+数字等多种不同类型的组合，并且密码长度大于5位)</font>
									</td>
								</tr>
								
								<tr>
									<td>
										<strong>确认密码：</strong>
									</td>
									<td class="register_tabel_td2">
										<s:password name="password1" size="40"
										 	onkeyup="return checkPassword()" />

										</td>
										<td colspan="3">
										<span style="float: left;">&nbsp;&nbsp;</span>
										<span id="demoReply2" style="float: left;"></span>
										</td>
								</tr>
								<tr> 
									<td></td>
									<td class="register_tabel_td2">
										<font class="font">(确保密码输入正确)</font>
									</td>
								</tr>
								
								<tr>
									<td>
										<strong>Email：</strong>
									</td>
									<td class="register_tabel_td2">
										<s:textfield name="user.email" size="40"
											onclick="return checkPassword()" />
									</td>
									<td>
										<span id="demoReply3" style="float: left;"></span>
									</td>
								</tr>
						</table>
					</center>
				</div>
			</div>
			<br />

			<div class="account_info_div2">
				<div
					style="width: 100%; height: 20px; border-bottom: 1px solid; background-color: black;">
					<strong style="color: white;">个人信息</strong>
				</div>
					<p></p>
					<center>
						<caption>以下内容选填</caption>
					</center>
						<table>
								<tr></tr>
								<tr>
									<td>
										<strong>姓名:</strong>
									</td>
									<td colspan="2">
										<s:textfield name="user.name" size="40"></s:textfield>
									</td>
									<td></td>
								</tr>
								<tr>
									<td>
										<strong>所属城市：</strong>
									</td>
									<td>
										<s:textfield name="user.city" size="40"></s:textfield>&nbsp;<strong>(省-市)</strong>
									</td>
									<td>
										
									</td>
								</tr>
								<tr>
									<td>
										<strong>性别:</strong>
									</td>
									<td>
										<s:radio name="user.sex" list="#{'男':'男','女':'女'}" label="sex" value="男"></s:radio>
									</td>
									<td></td>
								</tr>
								<tr>
									<td>
										<strong>职业:</strong>
									</td>
									<td colspan="2">
										<s:textfield name="user.vocation" size="40"> </s:textfield>
									</td>
								</tr>
								<tr >
									<td>
										<strong>自我介绍：</strong>
									</td>
									<td colspan="2"> 
										<s:textarea name="user.introduction" cols="60" rows="5"></s:textarea>
									</td>	
								</tr>
								<tr>
									<td>
										<strong>所属行业：</strong>
									</td>
									<td colspan="2">
									<s:textfield name="user.industry" size="40"></s:textfield>
									</td>
								</tr>
								<tr></tr>
								<tr>
									<td align="center">
										<s:submit onclick="return Register()" value="注   册" />
									</td>
									<td>
										<s:reset value="重   置" />
									</td>
									<td>
																				
									</td>
								</tr>
						</table>
			</div>
			</s:form>
		</div>
	</body>
</html>
